<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="include/base.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="robots" content="all,follow">
    <meta name="googlebot" content="index,follow,snippet,archive">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Jorange | 橙乐文化</title>

    <meta name="keywords" content="">
    <link rel="shortcut icon" type="image/ico" href="${base }/assets/img/favicon.ico" />
    <link href='${base }/assets/fonts/cssc31a.css?family=Montserrat:400,700|Merriweather:400,400italic' rel='stylesheet' type='text/css'>

    <!-- Bootstrap and Font Awesome css -->
    <link href="${base }/assets/css/font-awesome.css" rel="stylesheet">
    <link href="${base }/assets/css/bootstrap.min.css" rel="stylesheet">

    <!-- Theme stylesheet -->
    <link href="${base }/assets/css/style.default.css" rel="stylesheet" id="theme-stylesheet">

    <!-- Custom stylesheet - for your changes -->
    <link href="${base }/assets/css/custom.css" rel="stylesheet">

    <!-- Responsivity for older IE -->
    <script src="${base }/assets/js/respond.min.js"></script>

    <link href="${base }/assets/css/owl.carousel.css" rel="stylesheet">
    <link href="${base }/assets/css/owl.theme.css" rel="stylesheet">
    <link href="${base }/assets/css/base.css" rel="stylesheet">
    
    <html xmlns:wb="http://open.weibo.com/wb">
    <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

    <!-- *** NAVBAR *** -->
	<%@ include file="include/navbar.jsp"%>
    <!-- *** NAVBAR END *** -->

    <!-- *** SLIDER ***  -->

    <div id="slider" class="owl-carousel owl-theme">
    	<c:forEach var="p" items="${poster }">
        <div class="item">
            <a href="${base }/detail/${p.workId}">
                <img class="scrollLoading img-responsive" data-url="${base }/${p.img}" src="${base}/assets/img/pixel.gif" width="450px" height="450px" style="background:url(${base}/assets/img/loading.gif) no-repeat center;">
            </a>
        </div>
    	</c:forEach>
    </div>
    <!-- /#slider -->

    <!-- *** SLIDER END *** -->

    <div id="all">

        <!-- *** ADVANTAGES *** -->

        <div id="advantages">

            <div class="container">

                <div class="col-md-12">

                    <div class="box text-center">
                        <h2>About <font color="#FC921B">Jorange</font></h2>
                        <h4 class="text-muted"><font color="#FC921B">橙</font>心诚意 <font color="#FC921B">乐</font>在其中</h4>
                        <div class="same-height-row row">
                            <div class="col-sm-3">
                                <div class="box same-height clickable no-border text-center-xs text-center-sm">
                                    <div class="icon"><i class="fa fa-heart-o"></i>
                                    </div>
                                    <h4><a href="javascript:;">一举<font color="#FC921B">橙</font>名 <br>喜闻<font color="#FC921B">乐</font>见</a></h4>
                                </div>
                            </div>

                            <div class="col-sm-3">
                                <div class="box same-height clickable no-border text-center-xs text-center-sm">
                                    <div class="icon"><i class="fa fa-tags"></i>
                                    </div>
                                    <h4><a href="javascript:;"><font color="#FC921B">橙</font>人之美 <br>知足常<font color="#FC921B">乐</font></a></h4>
                                </div>
                            </div>

                            <div class="col-sm-3">
                                <div class="box same-height clickable no-border text-center-xs text-center-sm">
                                    <div class="icon"><i class="fa fa-send-o"></i>
                                    </div>
                                    <h4><a href="javascript:;">水到渠<font color="#FC921B">橙</font> <br>助人为<font color="#FC921B">乐</font></a></h4>
                                </div>
                            </div>

                            <div class="col-sm-3">
                                <div class="box same-height clickable no-border text-center-xs text-center-sm">
                                    <div class="icon"><i class="fa fa-refresh"></i>
                                    </div>
                                    <h4><a href="javascript:;"><font color="#FC921B">橙</font>意作品 <br><font color="#FC921B">乐</font>于分享</a></h4>
                                </div>
                            </div>
                        </div>
                        <!-- /.row -->

                    </div>

                </div>


            </div>
            <!-- /.container -->

        </div>
        <!-- /#advantages -->

        <!-- *** ADVANTAGES END *** -->

        <!-- *** CONTENT *** -->

        <div id="content">
            <div class="container">

                <div class="col-sm-12">

                    <div class="box text-center">
                        <h2><font color="#FC921B">Jorange</font> work</h2>
                        <h4 class="text-muted"><font color="#FC921B">橙</font>意作品 赏心<font color="#FC921B">乐</font>事</h4>
                    </div>

                    <div class="row products">
	                    <c:forEach var="work" items="${works }">
	                        <div class="col-md-3 col-sm-4">
	                            <div class="product">
	                                <div class="image">
	                                    <a href="${base }/detail/${work.id }">
	                                    	<img class="scrollLoading img-responsive image1" data-url="${base }/image/work/${work.img }" src="${base}/assets/img/pixel.gif" width="255px" height="255px" style="background:url(${base}/assets/img/loading.gif) no-repeat center;">
<%-- 	                                        <img src="${base }/assets/img/work/${work.img }" alt="" class="img-responsive image1"> --%>
	                                    </a>
	                                    <div class="quick-view-button">
	                                        <a href="${base }/detail/${work.id }" class="btn btn-default btn-sm">Quick view</a>
	                                    </div>
	                                </div>
	                                <div class="text">
	                                    <h3><a href="${base }/detail/${work.id }">${work.title } | ${work.author }</a></h3>
	                                    <p class="price">${work.company }</p>
	                                </div>
	                                <c:forEach var="tag" items="${work.tags }">
		                                <c:if test="${tag eq 'NEW' }">
										<div class="ribbon new">
		                                    <div class="theribbon">${tag }</div>
		                                    <div class="ribbon-background"></div>
		                                </div>
		                                </c:if>
	                                </c:forEach>
	                            </div>
	                        </div>
						</c:forEach>
                    </div>
                    <!-- /.products -->
                </div>
                <!-- /.col-sm-12 -->
            </div>
            <!-- /.container -->
            <!-- *** PROMO BAR ***  -->

            <div class="bar background-image-fixed-2 no-mb color-white text-center">
                <div class="dark-mask"></div>
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div><img src="${base }/assets/img/logo-orange.png" alt="Minimal logo" class="hidden-xs hidden-sm"></div>
                            <h1>Do you want to see more?</h1>
<!--                             <p class="lead">And we know that all things work together for good to them that love God, to them who are the called according to his purpose.</p> -->
                            <p class="text-center">
                                <a href="#index2.html" class="btn btn-primary btn-lg">Check other homepage</a>
                            </p>
                        </div>

                    </div>
                </div>
            </div>

            <!-- *** PROMO BAR END *** -->


            <div class="container">
                <div class="col-sm-12">
                    <!-- *** BLOG HOMEPAGE *** -->

                    <div class="box text-center">
                        <h2><font color="#FC921B">Jorange</font> Live</h2>
                        <h4 class="text-muted">敬请期待</h4>
<!--                         <p class="text-italic text-large">He that loveth not knoweth not God; <span class="accent">for God is love.</span></p> -->
                    </div>
                    <div id="blog-homepage" class="row">
                        <div class="col-sm-6">
                            <div class="post">
                                <h4><a href="http://ent.qq.com/a/20150414/057280.htm" target="view_window">叶少琥斩获最佳导演奖 曾打造TFboys热单MV</a></h4>
                                <p class="author-category">乐坛快讯 腾讯娱乐 [微博] 2015-04-14 18:22</p>
                                <hr>
                                <p class="intro">腾讯娱乐讯 4月11日晚，国内某权威视频网站年度盛典在京举行。国内人气偶像男团TFboys、新生代唱作人李治廷、人气偶像魏晨(微博)、韩国知名组合GOT7、T-ara悉数受邀出席。曾打造TFboys《青春修炼手册》、林俊杰(微博)《真实材料》的中国知名MV导演叶少琥也受邀出席了当晚的盛典，荣获港台最佳MV导演大奖。</p>
                                <p class="read-more"><a href="http://ent.qq.com/a/20150414/057280.htm" target="view_window" class="btn btn-primary">Continue reading</a></p>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="post">
                                <h4><a href="http://www.tvcbook.com/ts-gallery/tdyztfboysmygmdz/" target="view_window">TVCBOOK叶少琥导演专访</a></h4>
                                <p class="author-category">by miubee 2015年12月21日  </a></p>
                                <hr>
                                <p class="intro">“耶稣被钉上十字架后说了七句话，其中一句是‘成了’，有重生的意思。”于是叶少琥便把耶稣的“成了”变成了自己的“橙乐”...</p>
                                <p class="read-more"><a href="http://www.tvcbook.com/ts-gallery/tdyztfboysmygmdz/" target="view_window" class="btn btn-primary">Continue reading</a></p>
                            </div>
                        </div>
                    </div>
                    <!-- /#blog-homepage -->

                    <!-- *** BLOG HOMEPAGE END *** -->
                </div>
            </div>

        </div>
        <!-- /#content -->

        <!-- *** FOOTER ***  -->
		<%@ include file="include/footer.jsp"%>
        <!-- *** FOOTER END *** -->
        <!-- *** COPYRIGHT *** -->
		<%@ include file="include/copyright.jsp"%>
        <!-- /#copyright -->

    </div>
    <!-- /#all -->

    <!-- #### JAVASCRIPT FILES ### -->

    <script type="text/javascript">var base = "${base }";</script>
    <script src="${base }/assets/js/jquery-1.11.0.min.js"></script>
    <script src="${base }/assets/js/bootstrap.min.js"></script>
    <script src="${base }/assets/js/jquery.cookie.js"></script>
    <script src="${base }/assets/js/front.js"></script>

    <!-- owl carousel -->
    <script src="${base }/assets/js/owl.carousel.min.js"></script>
    
    <script src="${base }/assets/js/jquery.scrollLoading-min.js"></script>
    <script type="text/javascript">
    $(function () {
    	 $(".scrollLoading").scrollLoading();
    });
    </script>


</body>


<!-- Mirrored from minimal.ondrejsvestka.cz/1-3-2/ by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 04 Nov 2015 01:28:09 GMT -->
</html>
